<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float: left;
				/* 文字图片加间距 */
				margin: 30px;
			}
			p{
				font-size: 16px;
				line-height: 20px;
			}
		</style>
	</head>
	<body>
		<img src="img/辛普森一家.png" width="300px" height="300px" alt="辛普森">
		<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium incidunt nihil non veniam libero ipsum doloremque odit laboriosam reiciendis iusto laudantium quis ipsam aspernatur nam ullam provident quasi, eaque sunt?
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae labore maiores tenetur, adipisci molestiae ratione debitis sapiente voluptates possimus eius veniam iusto beatae accusamus aut earum, provident quaerat neque vero.
			Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint, ipsa officia rem cupiditate nulla blanditiis, nostrum ipsam animi laborum maxime repellat totam. Facilis corrupti nobis quia esse quos animi aperiam!
		</p>
	</body>
</html>